<template>
  <div class="app">
 <div class="body">
 我是组件
 <!-- 子传父 :title添加属性 每个要传递的都要添加 2. 父监听消息 @changeTitle="handleChange" 监听并处理变化-->
         <MySon :title="myTitle" @changeTitle="handleChange" ></MySon>
 </div>
  </div>
</template>
<style>
.body {
  border:2px solid rgb(45, 205, 106);
  height: 100px;
  width: 200px;
}
</style>
<script>
import MySon from './components/MySon.vue'

export default {
  name:'App',
  data (){
    return {
      myTitle:'jack'
    }
  },
  components:{
    MySon:MySon,
  
  },
  methods:{
    //提供处理函数 提供逻辑
    handleChange(newTitle){
      console.log(newTitle)
      this.myTitle=newTitle
    }
  }
}
</script>